<script setup>
import emitter from '@/utils/pubsub'
const tab = ref(1)
onMounted(() => {
  emitter.on('type', type => {
    console.log('ccc', type)
    tab.value = type
  })
})
</script>

<template>
  <section class="ym1000 flex flex-col justify-center items-center -mt-140px z-9 relative">
    <div class="600 text-40px mb-80px">业务挑战&解决方案</div>
    <div style="width: 1200px; display: flex; justify-content: center; flex-direction: column; align-items: center" v-if="tab == 1">
      <div class="item1 item">
        <div class="left">
          <div class="tit">监管机制不够透明</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #2150bc"></div>
              <div class="nr">缺乏透明度：保障房的申请、分配和管理过程透明度不足，导致公众信任度下降，滋生潜在腐败问题</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #2150bc"></div>
              <div class="nr">资源分配不公：一些不法分子通过伪造材料获取保障房，破坏资源的公平分配</div>
            </div>
          </div>
        </div>
        <div class="icon-box">
          <svg t="1724912820272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="37" height="60">
            <path
              d="M329.6 969.6l416-428.8c6.4-9.6 9.6-19.2 9.6-28.8 0-9.6-3.2-22.4-9.6-28.8l-416-428.8c-12.8-16-35.2-16-48 0s-16 41.6 0 54.4L668.8 512 281.6 915.2c-12.8 16-12.8 41.6 0 54.4 12.8 16 35.2 16 48 0z"
              fill="#BACEFD"
              p-id="4242"
            ></path>
          </svg>
        </div>
        <div class="right">
          <div class="tit">解决方案一</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #2150bc"></div>
              <div class="nr">我们让每个流程都清晰可见，申请、分配、管理全公开，让你放心，告别不透明</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #2150bc"></div>
              <div class="nr">支持电子签约，确保分配公平，不再担心有人钻空子</div>
            </div>
          </div>
        </div>
      </div>

      <div class="item2 item">
        <div class="left">
          <div class="tit">管理效率低下</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #056356"></div>
              <div class="nr">维护不及时：保障房的日常维护和服务响应缓慢，导致租户对管理服务的不满增加</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #056356"></div>
              <div class="nr">管理流程不完善：由于管理体系和流程的不足，导致房屋空置率高，资源无法得到有效利用</div>
            </div>
          </div>
        </div>
        <div class="icon-box">
          <svg t="1724912820272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="37" height="60">
            <path
              d="M329.6 969.6l416-428.8c6.4-9.6 9.6-19.2 9.6-28.8 0-9.6-3.2-22.4-9.6-28.8l-416-428.8c-12.8-16-35.2-16-48 0s-16 41.6 0 54.4L668.8 512 281.6 915.2c-12.8 16-12.8 41.6 0 54.4 12.8 16 35.2 16 48 0z"
              fill="#B1E2C6"
              p-id="4242"
            ></path>
          </svg>
        </div>
        <div class="right">
          <div class="tit">解决方案二</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #056356"></div>
              <div class="nr">管理流程不完善：由于管理体系和流程的不足，导致房屋空置率高，资源无法得到有效利用</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #056356"></div>
              <div class="nr">帮你监控空置房源，淡季短租也能赚，避免资源浪费</div>
            </div>
          </div>
        </div>
      </div>

      <div class="item3 item">
        <div class="left">
          <div class="tit">运营不够高效</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #bc6421"></div>
              <div class="nr">缺乏市场化机制：运营机制僵化，缺乏市场竞争，导致效率低下和资源浪费</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #bc6421"></div>
              <div class="nr">审批流程冗长：内部审批层级复杂，延缓了决策和执行的速度</div>
            </div>
          </div>
        </div>
        <div class="icon-box">
          <svg t="1724912820272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="37" height="60">
            <path
              d="M329.6 969.6l416-428.8c6.4-9.6 9.6-19.2 9.6-28.8 0-9.6-3.2-22.4-9.6-28.8l-416-428.8c-12.8-16-35.2-16-48 0s-16 41.6 0 54.4L668.8 512 281.6 915.2c-12.8 16-12.8 41.6 0 54.4 12.8 16 35.2 16 48 0z"
              fill="#EFD6C2"
              p-id="4242"
            ></path>
          </svg>
        </div>
        <div class="right">
          <div class="tit">解决方案三</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #bc6421"></div>
              <div class="nr">通过营销推广、拓展经营范围，管理健身房、停车位等，让收入多样化，资源利用最大化</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #bc6421"></div>
              <div class="nr">自动提醒租金，简化审批，处理欠费更快更轻松</div>
            </div>
          </div>
        </div>
      </div>

      <div class="item4 item">
        <div class="left">
          <div class="tit">数据安全和分析不够</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #0c6689"></div>
              <div class="nr">数据安全隐患：由于保护措施不足，存在数据泄露和滥用的风险，威胁租户隐私</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #0c6689"></div>
              <div class="nr">数据利用不足，决策依赖薄弱：数据零散且缺乏精准分析，无法为管理层提供有效的决策支持</div>
            </div>
          </div>
        </div>
        <div class="icon-box">
          <svg t="1724912820272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="37" height="60">
            <path
              d="M329.6 969.6l416-428.8c6.4-9.6 9.6-19.2 9.6-28.8 0-9.6-3.2-22.4-9.6-28.8l-416-428.8c-12.8-16-35.2-16-48 0s-16 41.6 0 54.4L668.8 512 281.6 915.2c-12.8 16-12.8 41.6 0 54.4 12.8 16 35.2 16 48 0z"
              fill="#B8DBE7"
              p-id="4242"
            ></path>
          </svg>
        </div>
        <div class="right">
          <div class="tit">解决方案四</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #0c6689"></div>
              <div class="nr">全程加密保护，财务数据更安全，避免信息泄露</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #0c6689"></div>
              <div class="nr">实时生成报表，轻松掌控全局，用数据说话，决策更高效</div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div style="width: 1200px; display: flex; justify-content: center; flex-direction: column; align-items: center" v-if="tab == 2">
      <div class="item1 item">
        <div class="left">
          <div class="tit">管理效率低下</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #2150bc"></div>
              <div class="nr">操作繁重且易错：租金、水电计费及维修记录等多依赖手工处理，效率低下且错误率高</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #2150bc"></div>
              <div class="nr">信息更新不及时：缺乏统一系统，租客、房屋及维修信息难以实时同步，管理决策受阻</div>
            </div>
          </div>
        </div>
        <div class="icon-box">
          <svg t="1724912820272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="37" height="60">
            <path
              d="M329.6 969.6l416-428.8c6.4-9.6 9.6-19.2 9.6-28.8 0-9.6-3.2-22.4-9.6-28.8l-416-428.8c-12.8-16-35.2-16-48 0s-16 41.6 0 54.4L668.8 512 281.6 915.2c-12.8 16-12.8 41.6 0 54.4 12.8 16 35.2 16 48 0z"
              fill="#BACEFD"
              p-id="4242"
            ></path>
          </svg>
        </div>
        <div class="right">
          <div class="tit">解决方案一</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #2150bc"></div>
              <div class="nr">通过房源、合同和财务等模块，自动化管理租金、水电计费、维修记录等操作，告别手工处理</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #2150bc"></div>
              <div class="nr">服务工单模块实现信息实时更新，确保租客、房屋及维修信息能够同步到位</div>
            </div>
          </div>
        </div>
      </div>

      <div class="item2 item">
        <div class="left">
          <div class="tit">服务质量不稳定</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #056356"></div>
              <div class="nr">响应时效低：租客问题反馈依赖人工渠道，响应速度慢，影响问题解决效率</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #056356"></div>
              <div class="nr">2、服务标准参差不齐：管理人员处理差异大，服务质量不稳定，损害租客满意度</div>
            </div>
          </div>
        </div>
        <div class="icon-box">
          <svg t="1724912820272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="37" height="60">
            <path
              d="M329.6 969.6l416-428.8c6.4-9.6 9.6-19.2 9.6-28.8 0-9.6-3.2-22.4-9.6-28.8l-416-428.8c-12.8-16-35.2-16-48 0s-16 41.6 0 54.4L668.8 512 281.6 915.2c-12.8 16-12.8 41.6 0 54.4 12.8 16 35.2 16 48 0z"
              fill="#B1E2C6"
              p-id="4242"
            ></path>
          </svg>
        </div>
        <div class="right">
          <div class="tit">解决方案二</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #056356"></div>
              <div class="nr">借助服务工单模块，租客问题反馈和处理全程线上化快速响应</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #056356"></div>
              <div class="nr">系统标准化流程，确保服务质量稳定</div>
            </div>
          </div>
        </div>
      </div>

      <div class="item3 item">
        <div class="left">
          <div class="tit">数据安全不足</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #bc6421"></div>
              <div class="nr">数据丢失与损坏：手工管理易遭故障与电脑病毒侵袭，数据面临丢失风险</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #bc6421"></div>
              <div class="nr">数据篡改风险：手工管理权限不明，修改历史难追踪，易遭恶意篡改</div>
            </div>
          </div>
        </div>
        <div class="icon-box">
          <svg t="1724912820272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="37" height="60">
            <path
              d="M329.6 969.6l416-428.8c6.4-9.6 9.6-19.2 9.6-28.8 0-9.6-3.2-22.4-9.6-28.8l-416-428.8c-12.8-16-35.2-16-48 0s-16 41.6 0 54.4L668.8 512 281.6 915.2c-12.8 16-12.8 41.6 0 54.4 12.8 16 35.2 16 48 0z"
              fill="#EFD6C2"
              p-id="4242"
            ></path>
          </svg>
        </div>
        <div class="right">
          <div class="tit">解决方案三</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #bc6421"></div>
              <div class="nr">将数据存储在云端，防止数据丢失与篡改</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #bc6421"></div>
              <div class="nr">通过定期备份和访问权限控制，确保数据安全，并减少因手工操作引发的数据损坏和篡改风险</div>
            </div>
          </div>
        </div>
      </div>

      <div class="item4 item">
        <div class="left">
          <div class="tit">租客满意度低</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #0c6689"></div>
              <div class="nr">居住体验欠佳：管理低效、服务不稳、安全不足，影响租客居住品质</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #0c6689"></div>
              <div class="nr">投诉响应迟缓：流程不畅致投诉处理滞后，加剧租客不满</div>
            </div>
          </div>
        </div>
        <div class="icon-box">
          <svg t="1724912820272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="37" height="60">
            <path
              d="M329.6 969.6l416-428.8c6.4-9.6 9.6-19.2 9.6-28.8 0-9.6-3.2-22.4-9.6-28.8l-416-428.8c-12.8-16-35.2-16-48 0s-16 41.6 0 54.4L668.8 512 281.6 915.2c-12.8 16-12.8 41.6 0 54.4 12.8 16 35.2 16 48 0z"
              fill="#B8DBE7"
              p-id="4242"
            ></path>
          </svg>
        </div>
        <div class="right">
          <div class="tit">解决方案四</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #0c6689"></div>
              <div class="nr">通过自动催租、服务工单和智能设备模块，系统实现自动催租、逾期断电锁门以及在线处理租客问题，显著提升管理效率和服务响应速度</div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div style="width: 1200px; display: flex; justify-content: center; flex-direction: column; align-items: center" v-if="tab == 3">
      <div class="item1 item">
        <div class="left">
          <div class="tit">设施与维护不足</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #2150bc"></div>
              <div class="nr">设施维护不及时：宿舍的设施，如空调、供暖、网络等，往往得不到及时维护，影响住户生活质量</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #2150bc"></div>
              <div class="nr">清洁与卫生管理不足：公共区域的清洁维护不够，容易造成卫生问题，影响住户健康和居住体验</div>
            </div>
          </div>
        </div>
        <div class="icon-box">
          <svg t="1724912820272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="37" height="60">
            <path
              d="M329.6 969.6l416-428.8c6.4-9.6 9.6-19.2 9.6-28.8 0-9.6-3.2-22.4-9.6-28.8l-416-428.8c-12.8-16-35.2-16-48 0s-16 41.6 0 54.4L668.8 512 281.6 915.2c-12.8 16-12.8 41.6 0 54.4 12.8 16 35.2 16 48 0z"
              fill="#BACEFD"
              p-id="4242"
            ></path>
          </svg>
        </div>
        <div class="right">
          <div class="tit">解决方案一</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #2150bc"></div>
              <div class="nr">通过服务工单模块，住户可以随时提交维修请求，管理者能实时跟踪工单状态，确保问题快速解决</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #2150bc"></div>
              <div class="nr">系统化安排清洁任务，定期维护公共区域卫生，降低卫生问题带来的负面影响</div>
            </div>
          </div>
        </div>
      </div>

      <div class="item2 item">
        <div class="left">
          <div class="tit">安全与隐私管理不足</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #056356"></div>
              <div class="nr">安全保障不足：宿舍安全措施不到位，住户对盗窃和骚扰等安全问题感到担忧</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #056356"></div>
              <div class="nr">住户隐私与冲突管理困难：住户之间由于空间狭小和隐私不足，容易产生冲突，管理难度较大</div>
            </div>
          </div>
        </div>
        <div class="icon-box">
          <svg t="1724912820272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="37" height="60">
            <path
              d="M329.6 969.6l416-428.8c6.4-9.6 9.6-19.2 9.6-28.8 0-9.6-3.2-22.4-9.6-28.8l-416-428.8c-12.8-16-35.2-16-48 0s-16 41.6 0 54.4L668.8 512 281.6 915.2c-12.8 16-12.8 41.6 0 54.4 12.8 16 35.2 16 48 0z"
              fill="#B1E2C6"
              p-id="4242"
            ></path>
          </svg>
        </div>
        <div class="right">
          <div class="tit">解决方案二</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #056356"></div>
              <div class="nr">通过门禁系统、监控等设备，并对出入进行管理，提升宿舍的安全性，确保住户感到安心</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #056356"></div>
              <div class="nr">通过多经管理模块，优化公共区域配置，促进住户间和谐相处，提升居住体验</div>
            </div>
          </div>
        </div>
      </div>

      <div class="item3 item">
        <div class="left">
          <div class="tit">资源与财务管理复杂</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #bc6421"></div>
              <div class="nr">房间空置率高：淡季或假期时，宿舍房间空置率高，资源浪费严重</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #bc6421"></div>
              <div class="nr">财务管理复杂：宿舍涉及多项财务事务，如费用追缴和账单生成，手动操作容易出错且耗时</div>
            </div>
          </div>
        </div>
        <div class="icon-box">
          <svg t="1724912820272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="37" height="60">
            <path
              d="M329.6 969.6l416-428.8c6.4-9.6 9.6-19.2 9.6-28.8 0-9.6-3.2-22.4-9.6-28.8l-416-428.8c-12.8-16-35.2-16-48 0s-16 41.6 0 54.4L668.8 512 281.6 915.2c-12.8 16-12.8 41.6 0 54.4 12.8 16 35.2 16 48 0z"
              fill="#EFD6C2"
              p-id="4242"
            ></path>
          </svg>
        </div>
        <div class="right">
          <div class="tit">解决方案三</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #bc6421"></div>
              <div class="nr">使用短租房态，在淡季推出短租或灵活租赁方案，减少房间空置时间，确保宿舍的经济效益最大化</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #bc6421"></div>
              <div class="nr">通过财务管理，自动生成账单、处理费用追缴，简化财务管理流程，减少手动操作带来的错误</div>
            </div>
          </div>
        </div>
      </div>

      <div class="item4 item">
        <div class="left">
          <div class="tit">沟通与营销不畅</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #0c6689"></div>
              <div class="nr">住户反馈管理不畅：住户的投诉和建议难以及时反馈给管理者，影响管理效率和住户满意度</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #0c6689"></div>
              <div class="nr">营销推广渠道有限：宿舍空置时，缺乏有效的推广渠道来吸引潜在住户</div>
            </div>
          </div>
        </div>
        <div class="icon-box">
          <svg t="1724912820272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="37" height="60">
            <path
              d="M329.6 969.6l416-428.8c6.4-9.6 9.6-19.2 9.6-28.8 0-9.6-3.2-22.4-9.6-28.8l-416-428.8c-12.8-16-35.2-16-48 0s-16 41.6 0 54.4L668.8 512 281.6 915.2c-12.8 16-12.8 41.6 0 54.4 12.8 16 35.2 16 48 0z"
              fill="#B8DBE7"
              p-id="4242"
            ></path>
          </svg>
        </div>
        <div class="right">
          <div class="tit">解决方案四</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #0c6689"></div>
              <div class="nr">利用线索管理，自动化收集和跟踪住户的反馈，确保管理者能及时响应住户的投诉和建议</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #0c6689"></div>
              <div class="nr">通过营销推广，多平台进行宿舍宣传，提供多样化的租赁选项，增加曝光率，提升入住率</div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div style="width: 1200px; display: flex; justify-content: center; flex-direction: column; align-items: center" v-if="tab == 4">
      <div class="item1 item">
        <div class="left">
          <div class="tit">运营与管理不足</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #2150bc"></div>
              <div class="nr">清洁和维护管理不及时：短租高峰期，清洁和维护工作容易延误，影响客户体验</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #2150bc"></div>
              <div class="nr">房源空置率高：淡季时房源空置影响收入，难以灵活调整租赁策略</div>
            </div>
          </div>
        </div>
        <div class="icon-box">
          <svg t="1724912820272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="37" height="60">
            <path
              d="M329.6 969.6l416-428.8c6.4-9.6 9.6-19.2 9.6-28.8 0-9.6-3.2-22.4-9.6-28.8l-416-428.8c-12.8-16-35.2-16-48 0s-16 41.6 0 54.4L668.8 512 281.6 915.2c-12.8 16-12.8 41.6 0 54.4 12.8 16 35.2 16 48 0z"
              fill="#BACEFD"
              p-id="4242"
            ></path>
          </svg>
        </div>
        <div class="right">
          <div class="tit">解决方案一</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #2150bc"></div>
              <div class="nr">通过服务工单模块，实时调度和跟踪清洁任务，确保每次入住前房源都处于最佳状态</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #2150bc"></div>
              <div class="nr">使用短租房态管理模块，淡季推出短租优惠策略，增加收入</div>
            </div>
          </div>
        </div>
      </div>

      <div class="item2 item">
        <div class="left">
          <div class="tit">财务与收费管理不及时</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #056356"></div>
              <div class="nr">欠费管理困难：租客欠费时，手动追缴效率低，难度大</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #056356"></div>
              <div class="nr">多平台收入对账繁琐，手动操作容易出错</div>
            </div>
          </div>
        </div>
        <div class="icon-box">
          <svg t="1724912820272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="37" height="60">
            <path
              d="M329.6 969.6l416-428.8c6.4-9.6 9.6-19.2 9.6-28.8 0-9.6-3.2-22.4-9.6-28.8l-416-428.8c-12.8-16-35.2-16-48 0s-16 41.6 0 54.4L668.8 512 281.6 915.2c-12.8 16-12.8 41.6 0 54.4 12.8 16 35.2 16 48 0z"
              fill="#B1E2C6"
              p-id="4242"
            ></path>
          </svg>
        </div>
        <div class="right">
          <div class="tit">解决方案二</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #056356"></div>
              <div class="nr">通过自动催租功能，系统自动提醒、催缴租金，欠费后自动断电锁门，确保收费顺畅</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #056356"></div>
              <div class="nr">使用财务管理模块，自动生成账单流水，线上支付、退款和分账一站式解决，减轻财务管理负担</div>
            </div>
          </div>
        </div>
      </div>

      <div class="item3 item">
        <div class="left">
          <div class="tit">客户与沟通不畅</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #bc6421"></div>
              <div class="nr">客户沟通困难：客户期望快速响应，沟通延误会影响满意度</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #bc6421"></div>
              <div class="nr">客户线索跟进不及时：线索管理手动复杂，容易错失商机</div>
            </div>
          </div>
        </div>
        <div class="icon-box">
          <svg t="1724912820272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="37" height="60">
            <path
              d="M329.6 969.6l416-428.8c6.4-9.6 9.6-19.2 9.6-28.8 0-9.6-3.2-22.4-9.6-28.8l-416-428.8c-12.8-16-35.2-16-48 0s-16 41.6 0 54.4L668.8 512 281.6 915.2c-12.8 16-12.8 41.6 0 54.4 12.8 16 35.2 16 48 0z"
              fill="#EFD6C2"
              p-id="4242"
            ></path>
          </svg>
        </div>
        <div class="right">
          <div class="tit">解决方案三</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #bc6421"></div>
              <div class="nr">利用自动化消息系统，确保客户消息及时响应，提升客户体验</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #bc6421"></div>
              <div class="nr">通过线索管理模块，自动化跟踪客户线索，提升转化率</div>
            </div>
          </div>
        </div>
      </div>

      <div class="item4 item">
        <div class="left">
          <div class="tit">市场与营销不足</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #0c6689"></div>
              <div class="nr">营销渠道不足：曝光渠道有限，房源难以吸引更多潜在客户</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #0c6689"></div>
              <div class="nr">定价难把握：市场波动大，定价策略不易掌握</div>
            </div>
          </div>
        </div>
        <div class="icon-box">
          <svg t="1724912820272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="37" height="60">
            <path
              d="M329.6 969.6l416-428.8c6.4-9.6 9.6-19.2 9.6-28.8 0-9.6-3.2-22.4-9.6-28.8l-416-428.8c-12.8-16-35.2-16-48 0s-16 41.6 0 54.4L668.8 512 281.6 915.2c-12.8 16-12.8 41.6 0 54.4 12.8 16 35.2 16 48 0z"
              fill="#B8DBE7"
              p-id="4242"
            ></path>
          </svg>
        </div>
        <div class="right">
          <div class="tit">解决方案四</div>
          <div class="main">
            <div class="desc">
              <div class="circle" style="border: 2px solid #0c6689"></div>
              <div class="nr">通过营销推广模块，利用大流量平台提升房源曝光率，多样化营销策略吸引客户</div>
            </div>
            <div class="desc">
              <div class="circle" style="border: 2px solid #0c6689"></div>
              <div class="nr">借助统计报表模块，根据市场需求调整价格，确保竞争力</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</template>

<style scoped>
.ym1000 {
}
.item {
  margin-top: 14px;
  width: 1200px;
  height: 269px;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  padding: 40px;
}
.circle {
  margin-top: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.desc {
  font-weight: 400;
  font-size: 20px;
  display: flex;
  align-items: flex-start;
  line-height: 28px;
  margin-top: 20px;
}
.tit {
  font-weight: 500;
  font-size: 24px;
  color: #111111;
}
.item1 {
  background: #f8f9ff;
  color: #2150bc;
}
.item2 {
  background: #f5fcfb;
  color: #056356;
}
.item3 {
  background: #fffaf8;
  color: #bc6421;
}
.item4 {
  background: #f6fcfe;
  color: #0c6689;
}
.left,
.right {
  width: 44%;
}
.nr {
  width: 98%;
  margin-left: 6px;
  letter-spacing: 0.7px;
}
.icon-box {
  display: flex;
  align-items: center;
}
</style>
